import { createRouter, createWebHistory } from 'vue-router'
import Home from '../views/home/Home.vue'

const router = createRouter({
  history: createWebHistory(import.meta.env.BASE_URL),
  routes: [
    {
      path: '/',
      name: 'layout',
      children:[
        {
          path: '',
          name: 'home',
          component: Home,
        },
        {
          path: '/:type',
        name: 'category',
        component: () => import('../views/category/Category.vue'),
        },
        {
          path: '/about',
        name: 'about',
        component: () => import('../views/about/About.vue'),
        },
      ]
    }

  ],
  scrollBehavior() {
    return {
      top: 0,
    };
  },
})

// 配置路由导航
router.beforeEach((to, from, next) => {
  // 动态修改网站标题
  // if(to.meta.title) {
  //   document.title = to.meta.title
  // }
  // // 判断资源是否要拦截
  // if (to.matched.some((route) => route.meta.isAuth)) {
  //   // 如果资源要拦截, 判断是否有token
  //   const token = useUserStore().token;
  //   // 如果token存在, 直接放行
  //   if (token) {
  //     next();
  //   } else {
  //     // 没有token 跳转登录页
  //     ElNotification({
  //       title: "Warning",
  //       message: "请先登录",
  //       type: "warning",
  //     });
  //     next({
  //       path: "/login",
  //     });
  //   }
  // } else {
  //   // 请求的资源不需要拦截 直接放行
  //   next();
  // }
  next()
});

export default router
